<template>
  <div class="page index-container">
    <div class="wrapper">
      <a href="https://vant-ui.github.io/vant/v2/#/zh-CN" target="_blank" class="link">前往Vant2组件库</a>
      <div class="box">375px x 100px</div>
      <p>1.750px为全屏宽度</p>
      <p>2.字体大小32px对应正常16px</p>
      <p>3.全局提供了$font-size-16变量设置字体大小</p>
    </div>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
.index-container {
  .wrapper {
    .link {
      color: $primary-color;
      font-size: $font-size-24;
      font-weight: bold;
    }
    .box {
      width: 375px;
      height: 100px;
      background-color: $primary-color;
    }
  }
}
</style>
